<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Profesor</title>
</h:head>
<h:body>
    <p:toolbar>	
		<p:toolbarGroup align="right">
			<p:commandButton value="salir" actionListener="#{operaciones.salir}" icon="ui-icon-close" />
		</p:toolbarGroup>
	</p:toolbar>
	<div align="center">
		<h:panelGrid columns="2" styleClass="fondo" style="text-align:center;">
			<h:panelGroup style="display:block; text-align:left">
				<p:graphicImage value="/img/ui/images.jpg"
					style="height: 100px; width: 210px" />
			</h:panelGroup>

			<h:panelGroup style="display:block; text-align:right">
				<p:graphicImage value="/img/ui/izq.png"
					style="height: 100px; width: 608px" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<h:form>
		<p:panel style="width:100%;">
			<h:panelGrid columns="2" cellpadding="2" cellspacing="15">

				<h:outputLabel value="Curso: " />

				<p:selectOneMenu id="cursos" value="#{cargaPregBean.cursoSelecId}">
					<f:selectItem itemLabel="Selecciona Curso" itemValue="" />
					<f:selectItems value="#{cargaPregBean.cursos}" var="curso"
						itemLabel="#{curso.nombre}" itemValue="#{curso.cursoId}" />
					<p:ajax update="tematicas" listener="#{cargaPregBean.muestraTemas}" />
				</p:selectOneMenu>


				<h:outputLabel value="Tematica: " />

				<p:selectOneMenu id="tematicas"
					value="#{cargaPregBean.tematicaSelecId}">
					<f:selectItem itemLabel="Selecciona Tematica" itemValue="" />
					<f:selectItems value="#{cargaPregBean.tematicas}" var="tema"
						itemLabel="#{tema.tematicaNombre}" itemValue="#{tema.tematicaId}" />
				</p:selectOneMenu>

				<h:outputLabel value="Enunciado: " />
				<p:inputTextarea value="#{cargaPregBean.enunciado}" rows="6"
					cols="33" />
				<h:outputLabel value="Imagen: " />

				<p:fileUpload fileUploadListener="#{cargaPregBean.handleFileUpload}"
					mode="advanced" update="imgx" auto="true" fileLimit="1"
					sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png|jpg)$/" />


			</h:panelGrid>
			<h:panelGrid id="imgx">
				<p:growl id="messages" showDetail="true" />

				<h:outputLabel value="#{cargaPregBean.imgurl}" />
				<p:graphicImage id="imagen" value="#{cargaPregBean.imgurl}"
					style="height: 295px; width: 460px" />
			</h:panelGrid>

			<br></br>
			<br></br>
			<br></br>

			<h:panelGrid columns="2" cellpadding="2" cellspacing="15">
				<h:outputLabel value="Nivel de dificultad: " />
				<h:panelGrid id="nivel" columns="2" cellpadding="2">
					<p:selectBooleanCheckbox value="#{cargaPregBean.facil}">
						<p:ajax update="nivel" listener="#{cargaPregBean.validafacil}" />
					</p:selectBooleanCheckbox>
					<h:outputLabel value="Facil" />
					<p:selectBooleanCheckbox value="#{cargaPregBean.medio}">
						<p:ajax update="nivel" listener="#{cargaPregBean.validamedio}" />
					</p:selectBooleanCheckbox>
					<h:outputLabel value="Medio" />
					<p:selectBooleanCheckbox value="#{cargaPregBean.dificil}">
						<p:ajax update="nivel" listener="#{cargaPregBean.validadificil}" />
					</p:selectBooleanCheckbox>
					<h:outputLabel value="Dificil" />
				</h:panelGrid>
			</h:panelGrid>

			<h:outputLabel value="ALTERNATIVAS: " />

			<h:panelGrid columns="2" cellpadding="2" cellspacing="15">
				<h:panelGrid columns="2" cellpadding="2">
					<h:outputLabel value="Alternativa 1: " />
					<p:inputText value="#{cargaPregBean.altenativa1}" id="alt1"
						required="true" />
					<h:outputLabel value="Alternativa 2: " />
					<p:inputText value="#{cargaPregBean.altenativa2}" id="alt2"
						required="true" />
					<h:outputLabel value="Alternativa 3: " />
					<p:inputText value="#{cargaPregBean.altenativa3}" id="alt3"
						required="true" />
					<h:outputLabel value="Alternativa 4: " />
					<p:inputText value="#{cargaPregBean.altenativa4}" id="alt4"
						required="true" />

					<h:outputLabel value="Alternativa 5: " />
					<p:inputText value="#{cargaPregBean.altenativa5}" id="alt5"
						required="true" />

				</h:panelGrid>
				<h:panelGrid id="alternativas" cellpadding="9">

					<p:selectBooleanCheckbox value="#{cargaPregBean.value1}">
						<p:ajax update="alternativas" listener="#{cargaPregBean.valida1}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{cargaPregBean.value2}">
						<p:ajax update="alternativas" listener="#{cargaPregBean.valida2}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{cargaPregBean.value3}">
						<p:ajax update="alternativas" listener="#{cargaPregBean.valida3}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{cargaPregBean.value4}">
						<p:ajax update="alternativas" listener="#{cargaPregBean.valida4}" />
					</p:selectBooleanCheckbox>
					<p:selectBooleanCheckbox value="#{cargaPregBean.value5}">
						<p:ajax update="alternativas" listener="#{cargaPregBean.valida5}" />
					</p:selectBooleanCheckbox>
				</h:panelGrid>
			</h:panelGrid>
			
			
           
			<p:commandButton id="savex" value="Guardar" update="result"
				actionListener="#{cargaPregBean.savex}" oncomplete="dlg.show()"/>
			<p:growl id="growlx" showDetail="true" life="3000" />

				<p:dialog id="picture" widgetVar="dlg" header="Resultado"
					width="600" resizable="false" showEffect="clip" hideEffect="clip">
					<p:ajax event="close" listener="#{cargaPregBean.handleClose}" />
					<p:outputLabel id="result" value="#{cargaPregBean.resultado}" />
				</p:dialog>
        
		</p:panel>
	</h:form>
</h:body>
</html>